<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用事件处理来验证数据合法性</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="formbody">
        <div class="formtitle"><span>购物信息</span></div>
        <!--添加用户的表单布局-->
        <ul class="forminfo">
            <li>
                <label>账号</label><input value="请输入账号" name="txtAccount" type="text" id="account" class="dfinput" />
            </li>
            <li>
                <label>选择商品</label>
                <select name="product" >
                   <option value="0">请选择一个商品</option>
                   <option value="2.50">矿泉水</option>
                   <option value="1.00">冰棒</option>
                   <option value="3.00">冰淇凌</option>
                </select>
            </li>
            <li>
                <label>单价</label><input name="txtPrice" value="0.00" type="text" readonly="readonly" id="price" class="dfinput" />
            </li>
            
            <li>
                <label>数量</label><input name="txtCount" value="0" type="text" id="count" class="dfinput" />
            </li>
            <li>
                <label>总计</label><input name="txtTotal" value="0.00" type="text" id="total" class="dfinput" />
            </li>
            <li>
                <label>&nbsp;</label><input type="button" name="btnSave" value="确认" id="save" class="btn" /></li>
        </ul>
    </div>
	<script src="js/practice.js" type="text/javascript" ></script>
	    
	
</body>
</html>